<script setup lang="ts">
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const props = defineProps({
  name: {
    type: String,
    default: 'unknown'
  }
})
</script>
<template>
  <div class="sample-a">
    <div><strong>A</strong></div>
    <div>name: {{ name }}</div>
    <div>
      <button class="button" @click="$emit('action', 'sss')">action</button>
    </div>
  </div>
</template>
<style lang="scss">
.sample-a {
  padding: 1em;
  width: 20em;
  height: 10em;
  background-color: #fff;
  border: 1px solid #f00;
  > div {
    margin-bottom: 0.5em;
  }
}
</style>
